<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是首页</title>
    <script src="https://cdn.staticfile.org/vue/2.7.0/vue.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<!--    <iframe width="400" height="400" src="http://b.a.codert.com:8081/html/goods">-->

<!--    </iframe>-->

<!--<div id="app">-->
<!--    <button type="button" @click="send">发送</button>-->
<!--</div>-->

<div style="    background-color: cadetblue;
    display: flex;
    justify-content: center;
    height: 500px;
    align-items: center;">

    <div style="width: 400px; height: 418px;background-color: #FFFFFF; border-radius: 10px">
        <div style="padding-bottom: 8px;padding-top: 23px;padding-left: 37px;font-size: 16px;font-family: Arial,sans-serif;color: #333333;font-weight: 600">
            <div style="display: flex;align-items: center">
                <img style="width: 16px;padding-right: 6px" src="https://yfb-new-pc-file.oss-cn-hangzhou.aliyuncs.com/commons/exclamation_mark.svg">
                <div>登录失败</div>
            </div>
        </div>
        <div class="one">
            <div style="padding-bottom: 20px">
                电脑端登录遇到问题？<span style="color: #1879F7">联系客服</span>咨询解决。
            </div>
            <div style="border-radius: 10px;border: 1px solid #E5E5E5; width: 220px; height: 220px; display: flex;justify-content: center;align-items: center">
                <img src="enterprise_wechat_loginfailure_use.png" style="width: 180px;" alt="扫码"/>
            </div>
            <div style="padding-bottom: 19px; padding-top: 9px;display: flex; align-items: center">
                    <div class="lines"></div>
                    <div style="padding-left: 10px;padding-right: 10px">使用<span style="color: #1879F7">微信扫一扫</span>，添加专属客服</div>
                    <div class="lines"></div>
            </div>
            <div style="background: #1879F7;border: none;border-radius: 4px;font-size: 14px;color: #FFFFFF;width: 98px;height: 32px;display: flex;justify-content: center;align-items: center;">
                我知道了
            </div>
        </div>
    </div>
</div>

<script>
    // new Vue({
    //     el: '#app',
    //     data: {
    //         message: 'Hello Vue.js!'
    //     },
    //     methods: {
    //         send: function () {
    //             axios.get('/hello/response')
    //                 .then(function (response) {
    //                     console.log(response);
    //                 })
    //                 .catch(function (error) {
    //                     console.log(error);
    //                 });
    //         }
    //     }
    // })
</script>

</body>

<style>
    .lines {
        width: 20px;
        border-top: 1px solid #E8E8E8;
        height: 1px;
    }
    .one{
        display: flex;
        font-family: Arial,sans-serif;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
    }
</style>
</html>